.perm-root{
    width: 100%;
    display: flex;
    justify-content: left;
    align-items:flex-start;
    flex-wrap:wrap;
    padding: 0 2.5%;
    .perm-root-card{
        width: 45%;
        border: 1px solid #eee;
        margin-top: 20px;
        margin-right: 5%;
        .perm-card-header{
            text-align: center;
            line-height: 36px;
            color: #818181;
            cursor:pointer;
            background-color:#f5f5f5;
        }

        .perm-card-content{
            height: 350px;
            overflow-y: auto;

            .perm-card-mess{
                display: flex;
                justify-content: space-between;
                padding: 0 24px;
                cursor: pointer;
                div{
                    line-height: 36px;
                }
                .perm-edit{
                    width: 40px;
                    height: 100%;
                    display: none;
                }
            }
            .perm-card-mess:hover{
                background-color: #ecf6fd;
                .perm-edit{
                    display: block;
                }
            }
        }
    }
}